<template>
	<view class="content">
		<view class="status"></view>
		<!-- header -->
		<Header></Header>
		
		<!-- main -->
		<view class="about-main">
			<view class="location">
				网站首页>>客户案例
			</view>
			
			<view class="about-article">
				<view class="art-title">
					<image class="title-img" src="http://wap.lzdianshi.com/App/Tpl/Wap/Default/Public/images/titleleftbg.png" mode=""></image>
					<view style="font-size: 18px;">
						政府客户
					</view>
					<image class="title-img" src="http://wap.lzdianshi.com/App/Tpl/Wap/Default/Public/images/titlerightbg.png" mode=""></image>
				</view>
				<view class="article-content">
					<view class="box" v-for="(item, index) in gavList" :key="index">
						<image class="box-img" :src="item.src" mode=""></image>
						<view class="title">
							{{item.title}}
						</view>
					</view>
				</view>
				<!-- 教育客户 -->
				<view class="art-title">
					<image class="title-img" src="http://wap.lzdianshi.com/App/Tpl/Wap/Default/Public/images/titleleftbg.png" mode=""></image>
					<view style="font-size: 18px;">
						教育客户
					</view>
					<image class="title-img" src="http://wap.lzdianshi.com/App/Tpl/Wap/Default/Public/images/titlerightbg.png" mode=""></image>
				</view>
				<view class="article-content">
					<view class="box" v-for="(item, index) in eduList" :key="index">
						<image class="box-img" :src="item.src" mode=""></image>
						<view class="title">
							{{item.title}}
						</view>
					</view>
				</view>
				<!-- 企业客户 -->
				<view class="art-title">
					<image class="title-img" src="http://wap.lzdianshi.com/App/Tpl/Wap/Default/Public/images/titleleftbg.png" mode=""></image>
					<view style="font-size: 18px;">
						教育客户
					</view>
					<image class="title-img" src="http://wap.lzdianshi.com/App/Tpl/Wap/Default/Public/images/titlerightbg.png" mode=""></image>
				</view>
				<view class="article-content">
					<view class="box" v-for="(item, index) in comList" :key="index">
						<image class="box-img" :src="item.src" mode=""></image>
						<view class="title">
							{{item.title}}
						</view>
					</view>
				</view>
				<!-- 其他客户 -->
				<view class="art-title">
					<image class="title-img" src="http://wap.lzdianshi.com/App/Tpl/Wap/Default/Public/images/titleleftbg.png" mode=""></image>
					<view style="font-size: 18px;">
						教育客户
					</view>
					<image class="title-img" src="http://wap.lzdianshi.com/App/Tpl/Wap/Default/Public/images/titlerightbg.png" mode=""></image>
				</view>
				<view class="article-content">
					<view class="box" v-for="(item, index) in otherList" :key="index">
						<image class="box-img" :src="item.src" mode=""></image>
						<view class="title">
							{{item.title}}
						</view>
					</view>
				</view>
				
			</view>						
		</view>
		
		<!-- Footer -->
		<Footer></Footer>
		<!-- sidebar -->
		<Sidebar></Sidebar>
		<!-- bottom -->
		<view class="last"></view>
		<Bottom></Bottom>
	</view>
</template>

<script>
	import Header from '../../components/Header/index.vue';
	import Bottom from '../../components/Bottom/index.vue';
	import Footer from '../../components/Footer/index.vue';
	import Sidebar from '../../components/Sidebar/index.vue'
	export default {
		components:{
			Header,
			Bottom,
			Footer,
			Sidebar,
		},
		data() {
			return {
					gavList: [{
							'title': '和政县环保局',
							'src': 'http://wap.lzdianshi.com/Upload/1544085663.jpg'
						},{
							'title': '永靖县环保局',
							'src': 'http://wap.lzdianshi.com/Upload/1544085686.jpg'
						},{
							'title': '临夏县环保局',
							'src': 'http://wap.lzdianshi.com/Upload/1544085704.jpg'
						},
					],
					eduList: [{
							'title': '兰州科技职业学院',
							'src': 'http://wap.lzdianshi.com/Upload/1544087240.jpg'
						},{
							'title': '甘肃升学网',
							'src': 'http://wap.lzdianshi.com/Upload/1544087949.jpg'
						},{
							'title': '兰州城市学院',
							'src': 'http://wap.lzdianshi.com/Upload/1544088094.jpg'
						},
					],
					comList: [{
							'title': '甘肃佰斯特传媒有限公司',
							'src': 'http://wap.lzdianshi.com/Upload/1544088920.jpg'
						},{
							'title': '兰州新区城投集团',
							'src': 'http://wap.lzdianshi.com/Upload/1544089237.jpg'
						},{
							'title': '兰州刘香记',
							'src': 'http://wap.lzdianshi.com/Upload/1544089259.jpg'
						},
					],
					otherList: [{
							'title': '兰州市残疾人综合服务中心',
							'src': 'http://wap.lzdianshi.com/Upload/1510987860.png'
						},{
							'title': '金川区旅游网',
							'src': 'http://wap.lzdianshi.com/Upload/1510987992.png'
						},{
							'title': '和政党建网',
							'src': 'http://wap.lzdianshi.com/Upload/1547020381.png'
						},
					],
				}
		},
		methods: {
			
		}
	}
</script>

<style>
	@import url("./index.css");
</style>
